<p>insert-data works!</p>
<h1>
    插值表达式
</h1>

<h2>匿名变量</h2>
<p>字符串：{{ '匿名字符串' }}</p>
<p>数值：{{1234}}</p>
<p>Array: {{ [1,23,34,5] }}</p>
<p>Object： {{ {name:"tom",age:23} }}</p>
<p>null:{{ null }}</p>
<h2>组件变量</h2>
<p>number : {{num}}</p>
<p>number : {{num1}}</p>
<p>string: {{str}}</p>
<p>Array: {{arr}}</p>
<p>Array: {{arr1}}</p>
<p>object: {{obj}} </p>
<p>object: {{obj}} </p>
<h2>简单表达式</h2>
<p> {{1+2*2}} </p>
<!-- <p> {{num++}} </p> -->
<p> {{Math.PI}} </p>
    <!-- angular在第一渲染页面时，会优先完成一次比较校验，
        如果校验结果不一样，会报错，因为是随机数，所以会报错，vue中没有这一步
     -->
<!-- <p> {{Math.random()}} </p> -->

<h2>属性赋值</h2>
<p class=" {{ 'p' }} ">class属性</p>
<p className=" {{ 'p' }} "> Dom class属性 </p>
